/* 初始化样式开始 */
/* 清除所有标签的外边距与内填充 */
*{
    margin: 0;
    padding: 0;
}
/* 去掉列表项目符号 */
li{
    list-style:none;
}
/* 超链接的美化 */
a{
    /* 去掉下划线 */
    text-decoration: none;
    color:#818496;
}
a:hover{
    color:#e2e4ed;
}
/* 设置整个页面的字体大小 */
body{
    font-size:14px;
}
/* 去掉图片底部缝隙 */
img{
    /* vertical-align设置行内元素或者行内块元素的垂直对齐方式 */
    vertical-align: bottom;
}
/* 初始化样式结束 */

/* 因为我们要使用到版心布局,所以我们需要提前定义一个版心类 */
.container{
    /* 版心类只需要设置两个代码 */
    /* 一个是设置一个固定的宽度 */
    width: 1000px;
    /* 设置margin:0 auto */
    margin:0 auto;
}

/* 因为浮动我们经常使用,所以我们可以定义两个类 */
/* 左浮类 */
.fl{
    float: left;
}
/* 右浮类 */
.fr{
    float:right;
}